<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=no">
		<meta http-equiv="x-rim-auto-match" content="none">
		<meta name="viewport" content="initial-scale=1, minimum-scale=1 maximum-scale=1, user-scalable=no">
		<title>首汽约车-泰达基金</title>
		<meta name="keywords" content="首汽约车-泰达基金">
		<meta name="description" content="首汽约车-泰达基金">
		<meta name="Copyright" content="首汽约车-泰达基金">
		<meta name="author" content="首汽约车-泰达基金">
		<!-- 网站的ico图标 -->
		<link rel="shortcut icon" href="img/favicon.jpg" type="image/x-icon">
		<link rel="stylesheet" href="css/fly/reset.css">
		<link rel="stylesheet" href="css/fly/20160226.css">
		<script src="js/jquery1.8.3.min.js"></script>
		<script src="js/TweenMax.min.js"></script>
		<script src="js/EasePack.js"></script>
		<script type="text/javascript">
			var phoneWidth = parseInt(window.screen.width);
			        var phoneScale = phoneWidth/640;
			
			        var ua = navigator.userAgent;
			        if (/Android (\d+\.\d+)/.test(ua)){
			            var version = parseFloat(RegExp.$1);
			            // andriod 2.3
			            if(version>2.3){
			                document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');
			            // andriod 2.3以上
			            }else{
			                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
			            }
			            // 其他系统
			        } else {
			            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
			        }
		</script>
		<style></style>
	</head>

	<body>
		<!-- loading -->
		<div id="loading"></div>
		<!-- 图片展示部分 -->
		<article class=" ws20160229 zs_choujiang">
			<header class="td_header">
				<img src="img/160803zs/zs_icon04.png">
			</header>
			<div class="td_holder holder">
				
				<img class="td_zhuanpan" src="img/160803zs/zs_icon08.png">
				<div class="start">
					<img class="star" style="transform: rotate(12deg);" src="img/160803zs/zs_icon07.png">
					<img class="zi" src="img/160803zs/zs_icon05.png">
					<img class="zi zi01" src="img/160803zs/zs_icon06.png">
				</div>
				<div class="pack">
					<!-- <p>请输入手机号</p> -->
					<input style="width:100%;" id="phone" placeholder="输入手机号领取优惠券！" type="text">
				</div>
				<a id="submit" href="/taxi.html">>凉爽出行<</a>
				<a href="http://m.01zhuanche.com" class="tc xa_down">>下载手机APP<</a>
			
			</div>

		</article>
		<!-- 图片展示部分END -->
		<article id="tip">
			<div class="pack">
				<h1>温馨提示</h1>
				<p></p>
				<a href="#">确定</a>
			</div>
		</article>
		<script>
			var checkPhone = function(a)
			{
			    var patrn = /^((?:13|15|18|14|17)\d{9}|0(?:10|2\d|[3-9]\d{2})[1-9]\d{6,7})$/;
			    if (!patrn.exec(a)) return false;
			    return true;
			};
			    $(function(){
			        $(window).on("load",function(){
			            $("#loading").fadeOut();
			        })
			        // ========================================浮层控制
			         $("#tip .pack a").on("click",function(){
			            $("#tip").fadeOut()
			            $("#tip .pack p").html("")
			            return false;
			        })
			        function alerths(str){
			            $("#tip").fadeIn()
			            $("#tip .pack p").html(str)
			            return false;
			        }
			        // ========================================点击提交
			        var arr=[36,113,176,254,320]
			
			        $("#submit").on("click",function(){
			            var str=$("#phone").val()
			
			            if(str.length==11&&checkPhone(str)){
			               // 判断是不是11位手机号，为真提交
			               var num=Math.floor(Math.random()*5)
			               var deg=21600+arr[num]
			               TweenMax.set($(".ws20160229 .holder .start .star"),{rotation:0})
			               TweenMax.to($(".ws20160229 .holder .start .star"),3,{rotation:deg,ease:Quint.easeOut,onComplete:stophs})
			               TweenMax.set($(".ws20160229 .holder .start .zi"),{rotation:0})
			               TweenMax.to($(".ws20160229 .holder .start .zi"),3,{rotation:deg,ease:Quint.easeOut})
			               function stophs(){
			                TweenMax.set($(".ws20160229 .holder .start .zi"),{rotation:0,delay:0.3})
			                if(num==0){
			                    alerths("首汽约车   15元代金券 ")
			                }else if(num==1){
			                    alerths("首汽约车 20元代金券 ")
			                }else if(num==2){
			                    alerths("首汽约车 30元代金券 ")
			                }else if(num==3){
			                    alerths("首汽约车   5元代金券  ")
			                }else if(num==4){
			                    alerths("首汽约车 10元代金券 ")
			                }
			               }
			            }else{
			                alerths("请正确输入手机号！")
			            }
			            return false;
			        })
			    })
		</script>
	</body>

</html>